<!DOCTYPE html>
<html
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:v-bind="http://www.w3.org/1999/xhtml"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
>
	<head>
		<meta charset="UTF-8" />
		<title>Title</title>
		<!-- css -->

		<link href="/css/font-awesome.min.css"  rel="stylesheet" type="text/css" media="all" />
		<link href="/css/style.css"  rel="stylesheet" type='text/css' media="all" />

		<!-- Bootstrap -->
		<link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
		<!-- Font Awesome -->
		<link href="/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<!-- Custom Theme Style -->
		<link href="/css/custom.min.css" rel="stylesheet" />

		<!-- js -->
		<!-- jQuery -->
		<script src="/vendors/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap -->
		<script src="/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

		<!--vue-->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>

		<!--layer-->
		<script src="/vendors/layer/layer.js"></script>
		<script src="/vendors/layer/skin/layer.css"></script>
		<!--确认框-->
		<script src="/vendors/bootbox/js/bootbox.js"></script>

		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	</head>

	<style>
		body {
			font-family: Verdana;
			background: url(/images/banner.jpg) no-repeat;
			background-position: center;
			background-attachment: fixed;
		'Raleway', sans-serif: ;
		}

		.content-w3ls .content2-agile {
			background: url(/images/content.jpg) no-repeat;
		}
	</style>

	<body>
	<h1 class="w3layouts">Ravishing Contact Form</h1>
	<div class="content-w3ls">
		<div class="content1-agile" >

			<div th:if="${template}">
				<div th:replace="${template}"></div>
			</div>

		</div>

		<div class="content2-agile">

		</div>
		<div class="clear"></div>
	</div>
	<p class="copyright-agileits">© 2017 Ravishing Contact Form. All Rights Reserved | Design by
	</p>

<!--
  <div th:replace="fragments/sidebar"></div>
				<div th:replace="fragments/header"></div>
				<div th:if="${template}">
					<div th:replace="${template}"></div>
				</div>
				<div th:replace="fragments/footer"></div>
  -->
		<!-- Custom Theme Scripts -->
		<script src="/js/custom.min.js"></script>
	</body>
</html>
